<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0">
    <title>IndulgeBack</title>
    <link rel="stylesheet"
        href="./styles/css/style.css">
    <link rel="stylesheet"
        href="./styles/css/iconfont.css">
    <link rel="shortcut icon"
        href="/img/logo.png"
        type="image/png">
</head>

<body>
    <div class="viewbox">
        <div class="scrollbox">
            <header class="header">
                <div class="header__logo-box">
                    <img src="img/logo-white.png"
                        alt="Logo"
                        class="header__logo">
                </div>

                <div class="header__text-box">
                    <h1 class="heading-primary">
                        <span class="heading-primary--main">IndulgeBack</span>
                        <span class="heading-primary--sub">Use Technology Facilitate Your Life</span>
                    </h1>
                    <a href="#"
                        class="btn btn--white btn--animated">了解更多</a>
                </div>
            </header>
            <main>
                <section class="section-about">
                    <div class="u-center-text u-margin-bottom-big">
                        <h2 class="heading-secondary">
                            提供高质量的可视化数据分析
                        </h2>
                    </div>
                    <div class="row">
                        <div class="col-1-of-2">
                            <h3 class="heading-tertiary u-margin-bottom-small">
                                数据分析可以帮助人们更好地了解事物的本质和规律
                            </h3>
                            <p class="paragraph">
                                预测事物的发展趋势，从而做出更明智的决策。在商业领域，企业可以通过对市场数据的分析，预测未来的市场需求和竞争态势，从而制定更加精准的营销策略和产品研发计划；在金融领域，投资者可以通过对股票市场的数据分析，预测未来的股票价格走势，从而做出更加理性的投资决策。
                            </p>

                            <h3 class="heading-tertiary u-margin-bottom-small">
                                数据分析还可以帮助人们发现新的机会和潜在风险
                            </h3>
                            <p class="paragraph">
                                通过对数据的深入挖掘和分析，人们可以发现隐藏在数据背后的规律和趋势，从而捕捉到新的商业机会和潜在风险。通过对消费者购买行为的数据分析，企业可以发现消费者的新需求和偏好，从而推出更加符合市场需求的新产品；通过对竞争对手数据的分析，企业可以了解对手的商业策略和市场布局，从而调整自己的商业策略和布局。
                            </p>

                            <a href="#"
                                class="btn-text">了解更多 &rarr;</a>
                        </div>
                        <div class="col-1-of-2">
                            <div class="composition">
                                <img src="img/work.png"
                                    alt="Photo 1"
                                    class="composition__photo composition__photo--p1">
                                <img src="img/speech.png"
                                    alt="Photo 2"
                                    class="composition__photo composition__photo--p2">
                                <img src="img/dataAnalyse.png"
                                    alt="Photo 3"
                                    class="composition__photo composition__photo--p3">
                            </div>
                        </div>
                    </div>
                </section>
                <section class="section-products">
                    <div class="product-container">
                        <div class="glass"
                            style="--r:15;"
                            data-text="数据挖掘">
                            <i class="iconfont icon-shujuwajue"></i>
                        </div>
                        <div class="glass"
                            style="--r:5;"
                            data-text="人工智能AI">
                            <i class="iconfont icon-rengongzhineng"></i>
                        </div>
                        <div class="glass"
                            style="--r:25;"
                            data-text="机器学习">
                            <i class="iconfont icon-learnjiqixuexi"></i>
                        </div>
                        <div class="glass"
                            style="--r:-15;"
                            data-text="数据分析">
                            <i class="iconfont icon-shujufenxi"></i>
                        </div>
                    </div>
                </section>
            </main>
        </div>
    </div>
</body>
<script src="./js/slidingDamping.js"></script>

</html>